<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>TIME2</title>
        <script language="javascript" >
                function getCurDate()
                {
                var d = new Date();
                var week;

                switch (d.getDay())
                {
                        case 1: week="星期一"; break;
                        case 2: week="星期二"; break;
                        case 3: week="星期三"; break;
                        case 4: week="星期四"; break;
                        case 5: week="星期五"; break;
                        case 6: week="星期六"; break;
                        default: week="星期天";
                }

                var years = d.getFullYear();
                var month = add_zero(d.getMonth()+1);
                var days = add_zero(d.getDate());
                var hours = add_zero(d.getHours());
                var minutes = add_zero(d.getMinutes());
                var seconds=add_zero(d.getSeconds());
                var daydata = years+"."+month+"."+days;
                var timedata = hours+":"+minutes+":"+seconds;
                var weekdata = week;

                var showday=document.getElementById("Day");
                var showtime= document.getElementById("Time");
                var showweek= document.getElementById("Week");

                showday.innerHTML= daydata;
                showtime.innerHTML = timedata;
                showweek.innerHTML = weekdata;
                }

                function add_zero(temp)
                {
                        if(temp<10) return "0"+temp;
                        else return temp;
                }
                setInterval("getCurDate()",100);
        </script>
</head>
<body style="background-color: #1a1a1a;">
        <div style="color: #f3f3f3;transform: translateY(45%);">
                <div id="Day" style="font-size: 64px;text-align: center;font-weight: 500;font-family: 'Calibri';"></div>
                <div id="Time" style="font-size: 320px;text-align: center;font-weight: 1000;font-family: 'Calibri';"></div>
                <div id="Week" style="font-size: 72px;text-align: center;font-weight: 1000;font-family: '幼圆';"></div>
        </div>
</body>
</html>